<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <ZuoCe />
        <!-- 轮播图 -->
        <LunBoTu/>
        <!-- 新鲜好物 -->
        <XinxianHaowu/>
        <!-- 人气推荐 -->
        <RenqiTuijian/>
        <!-- 热门品牌 -->
        <RemengPinpai/>
        <!-- 商品大块区域 -->
        <ChanpinquProduct/>
        <!-- 最新专题 -->
        <ZuixinZuanti/>
      </div>
    </div>
  </div>
</template>
<script>
import ZuoCe from './components/ZuoCe'// 左侧分类
import LunBoTu from './components/LunBoTu'// 轮播图
import XinxianHaowu from './components/XinxianHaowu'// 新鲜好物
import RenqiTuijian from './components/RenqiTuijian'// 人气推荐
import RemengPinpai from './components/RemengPinpai'// 热门品牌
import ChanpinquProduct from './components/Chanpinqu-product.vue'// 商品区域
import ZuixinZuanti from './components/ZuixinZuanti-special.vue'//  最新专题
export default {
  name: 'PageHome',
  components: { ZuoCe, LunBoTu, XinxianHaowu, RenqiTuijian, RemengPinpai, ChanpinquProduct, ZuixinZuanti }
}
</script>
<style scoped lang="less">
.page-home{
 .home-entry{
   display: flex;
   justify-content: center;
   .container{
     width: 1240px;
     position: relative;
    }
  }
}
</style>
